JavaScript 是一種腳本語言，也能稱它為程式語言（programming language）。
我們可以藉由它來操控網頁中的元素，動態地增加或減少內容、做動畫、甚至做各種不同的功能。
簡單地說，它能透過幾行程式碼，就能讓你花許多時間切得美美的靜態網頁動起來。

HTML、CSS 與 JaveScript

那它與 HTML、CSS 有甚麼不一樣呢？

我們可以從上面的圖大概了解：

1. HTML 提供了網頁的主要架構，就像動畫裡的草稿圖或框架，我們使用它來畫出動畫的主要架構，這裡就是一個外層的房間，與裡面有一顆球。在網頁上，就是不同的段落區塊、標題、內容跟表格。

   我們會稱 HTML 為「標記語言」（markup language）

2. CSS 是用來替原本只有架構的網頁套上不同的樣式，就像我們幫這張圖的房間上了藍色的底色，並為球增添了紅色。在網頁上，就是可以設置背景的顏色、選擇不同字型、或是讓排版有更多不同的變化。

   不同於 HTML，我們會稱 CSS 為「風格頁面語言」（style sheet language）

3. JavaScript 就是使我們可以動態地去操控網頁裡的元素，像這張原本是靜態的動畫，我們可以透過 JavaScript 讓裡面的紅球開始彈跳起來，甚至我們也可以控制它彈跳的方向與速度。

   JavaScript 是一種「腳本語言」，也能稱它為「程式語言」（programming language）

以上我們可以了解，如果單純地只想要美美的靜態網頁，只要 HTML 跟 CSS 就可以完成了。但如果我們想要網頁更多元更豐富，甚至需要一些功能跟使用者互動，那就需要 JavaScript 的參與了（但現在 CSS3 也可以獨立做出許多令人驚豔的動畫效果）。

究竟 JavaScript 可以做些甚麼呢？

當然不會只有讓紅球動起來這麼簡單，它可以讓我們使用「變數」、操作「字串」、監聽並回應網頁上發生的某些「事件」。也可以讓我們使用預先製作完成的程式模組，也就是所謂的「應用程式介面」（API）等等非常多的事情。

這些專有名詞是不是好像常常聽到，但又不太熟悉，或是跟我一樣可能還無法想像到底別人說 JS 就像魔法一樣，到底會看到多厲害的魔法呢？沒關係，我們將會在未來的 28 天繼續跟大家一起深入地了解。

參考資料

MDN官方文件
線上課程